    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%--
      Created by IntelliJ IDEA.
      User: wo156
      Date: 2024/7/18
      Time: 上午7:18
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <style>
        #userTable {
            width: 100%;
            border-collapse: collapse;
        }

        #userTable th, #userTable td {
            padding: 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        #userTable thead th {
            background-color: #f2f2f2;
            font-weight: bold;
        }

        #userTable tr:hover {
            background-color: #f5f5f5;
        }

        .editButton, .modifyButton {
            margin-right: 5px;
            padding: 5px 10px;
            cursor: pointer;
            border: none;
            border-radius: 3px;
        }

        .editButton {
            background-color: #4CAF50; /* Green */
            color: white;
        }

        .modifyButton {
            background-color: #FF9800; /* Orange */
            color: white;
        }

        /* Hover effect for buttons */
        .editButton:hover, .modifyButton:hover {
            opacity: 0.8;
        }
    </style>
    <body>
    <table id="userTable">
        <thead>
        <tr>
            <th>用户名</th>
            <th>姓名</th>
            <th>电话</th>
            <th>性别</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${userList}" var="user">
            <tr>
                <td>${user.username}</td>
                <td>${user.name}</td>
                <td>${user.telephone}</td>
                <td>${user.sex}</td>
                <td>
                    <button class="editButton">编辑</button>
                    <button class="modifyButton">删除</button>
                </td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
    </body>
    </html>
